<template>
   <div>
       <div class="text">hello- {{message}}</div>
       <BComponent></BComponent>
       <CComponent></CComponent>
   </div>
</template>
<script>
    import BComponent from './BComponent.vue'
    import CComponent from './CComponent.vue'

    export default {
        components: {BComponent,CComponent},
        data() {
            return {
                message: 'vue'
            }
        }
    }
</script>
<style scoped>
    div {
        /*background: red;*/
    }
</style>